<template>
  <div>
    <div class="footer">
      <div class="container">
        <el-row>
          <el-col :span="6">
            <h3>闲云旅游旅游网</h3>
            <p>上亿旅行者共同打造的"旅行神器"</p>
            <p>
              <span>60,000</span> 多个全球旅游目的地
            </p>
            <p>
              <span>60,000</span> 个细分目的地新玩法
            </p>
            <p>
              <span>760,000,000</span> 次攻略下载
            </p>
            <p>
              <span>38,000</span> 家旅游产品供应商
            </p>
          </el-col>
          <el-col :span="5">
            <h3>关于我们</h3>
            <p>隐私政策 商标声明</p>
            <p>服务协议 游记协议</p>
            <p>商城平台服务协议</p>
            <p>网络信息侵权通知指引</p>
            <p>闲云旅游旅游网服务监督员</p>
            <p>网站地图加入闲云旅游</p>
          </el-col>
          <el-col :span="5">
            <h3>旅行服务</h3>
            <p>旅游攻略 酒店预订</p>
            <p>旅游特价 国际租车</p>
            <p>旅游问答 旅游保险</p>
            <p>旅游指南 订火车票</p>
            <p>旅游资讯 APP下载</p>
          </el-col>
          <el-col :span="6">
            <div class="erweima">
              <img src="http://157.122.54.189:9093/images/1556522965.png" alt="">
              <p>关注我们</p>
            </div>
            
          </el-col>
        </el-row>
        <div class="Record">
          <p>京ICP备08001421号 京公网安备110108007702 Copyright © 2016-2019 博学谷 All Rights Reserved</p>
        </div>
      </div>
    </div>
  </div>
</template>
<style lang="less" scoped>
.footer {
  color: #cccccc;
  background: #333333;
  .container {
    width: 1000px;
    margin: 0 auto;
  }
  .el-row {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,.5);
    .el-col {
      h3 {
        font-weight: 300;
        font-size: 16px;
        height: 50px;
        line-height: 50px;
      }
      p {
        font-size: 12px;
        line-height: 22px;
        span {
          color: #f29a21;
        }
      }
      .erweima{
        width: 100%;
        padding-top:15px;
        img{
          margin: 0 auto;
          display: block;
          width: 140px;
          height:140px;
          object-fit: cover;
        }
        p{
          text-align: center;
        }
      }
    }
  }
  .Record{
    height:100px;
    line-height: 100px;
    p{
      text-align: center;
      font-size: 12px;
    }
  }
}
</style>